<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui" xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:composition template="layout.xhtml">

        <ui:define name="title">
            Protocolo
        </ui:define>

        <ui:define name="content">
            <h:form id="criarProtocoloForm">

                <p:messages id="criarProtocoloMessages" autoUpdate="true" />

                <div class="actions">
                    <div id="buttons">
                        <p:button value="Visualizar" outcome="visualizarProtocolo.xhtml"
                                  rendered="#{ managerCriarProtocolo.protocolo.id != null }"
                                  icon="ui-icon-search"
                                  styleClass="ui-priority-primary">
                            <f:param value="#{ managerCriarProtocolo.protocolo.id }" name="imovelId"/>
                        </p:button>

                        <p:splitButton value="Ações" process="@none" icon="ui-icon-gear" styleClass="acoes">

                            <p:separator />

                            <p:menuitem value="Selar" icon="ui-icon-note" outcome="selarProtocolo.xhtml"
                                        disabled="#{ managerCriarProtocolo.protocolo.statusProtocolo != 'ABERTO' }">
                                <f:param name="protocoloId" value="#{ managerCriarProtocolo.protocolo.id }"/>
                            </p:menuitem>

                            <p:menuitem value="Entregar" title="Entregar" process="@this"
                                        disabled="#{ managerCriarProtocolo.protocolo.statusProtocolo != 'PRATICADO' or managerCriarProtocolo.protocolo.statusProtocolo == 'ENTREGUE' }"
                                        oncomplete="dialogEntregar.show()" icon="ui-icon-transferthick-e-w" />

                            <p:menuitem value="Cancelar" title="Cancelar" process="@this" oncomplete="dialogCancelar.show()" icon="ui-icon-cancel"
                                        actionListener="#{ managerCriarProtocolo.obterValorTotal() }"
                                        disabled="#{ managerCriarProtocolo.protocolo.statusProtocolo == 'ENTREGUE' }"/>

                            <p:menuitem value="Gerar recibo" title="Gerar Recibo" icon="ui-icon-clipboard"
                                        immediate="true" process="@this"
                                        actionListener="#{ managerCriarProtocolo.gerarRecibo() }">
                            </p:menuitem>

                        </p:splitButton>

                    </div>
                </div>

                <p:fieldset legend="Dados" id="dadosProtocoloPanel" styleClass="column12">

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Tipo" for="tipoProtocoloSelectOneMenu" />
                        </div>
                        <div class="column3">
                            <p:selectOneMenu id="tipoProtocoloSelectOneMenu" value="#{ managerCriarProtocolo.protocolo.tipoProtocolo }"
                                             required="true" requiredMessage="Tipo do Protocolo é obrigatório">
                                <f:selectItems value="#{ enums.tiposProtocolos() }" />
                                <p:ajax event="change" update="@form" oncomplete="widthFix();" />
                            </p:selectOneMenu>
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Código" for="idInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="idInputText" value="#{ managerCriarProtocolo.protocolo.codigo }" required="#{ managerCriarProtocolo.protocolo.tipoProtocolo == 'PROTOCOLO' ? true : false }"
                                         requiredMessage="Código é obrigatório" />
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Data do Protocolo" for="dataProtocoloCalendar" />
                        </div>
                        <div class="column3">
                            <p:calendar id="dataProtocoloCalendar" value= "#{ managerCriarProtocolo.protocolo.dataProtocolo }"
                                        showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" yearRange="1900:c+10"
                                        required="true" requiredMessage="Data do Depósito é obrigatório"/>
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Cliente" for="clienteInputText" />
                        </div>
                        <div class="column8">
                            <p:inputText id="clienteInputText" value="#{ managerCriarProtocolo.obterInteressado() }"
                                         readonly="true"
                                         required="true" requiredMessage="Interessado é obrigatório">
                                <script type="text/javascript">
                                    $(document).ready(function(){
                                        $('#criarProtocoloForm\\:clienteInputText').attr('readonly', 'readonly');
                                    });
                                </script>
                            </p:inputText>
                        </div>
                        <p:commandButton styleClass="icon-plus" icon="ui-icon-plus" onclick="dialogInteressado.show();" process="@this" update="@this" immediate="true" />
                    </div>

                </p:fieldset>

                <p:fieldset legend="Serviços" id="servicosProtocoloPanel" styleClass="column12">
                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Ato" for="atoAutoComplete" />
                        </div>
                        <div class="column8">
                            <p:autoComplete id="atoAutoComplete" value="#{ managerCriarProtocolo.ato }"
                                            forceSelection="true" dropdown="true" var="ato" itemValue="#{ ato }" 
                                            itemLabel="#{ managerCriarProtocolo.reprAto(ato) }" completeMethod="#{ managerCriarProtocolo.autocompletarAto }"
                                            converter="conversorato" minQueryLength="3" required="true" requiredMessage="Ato é obrigatório">
                                <p:ajax event="itemSelect" oncomplete="widthFix();" listener="#{ managerCriarProtocolo.gerarCampos() }" update="servicosProtocoloPanel"/>
                            </p:autoComplete>
                        </div>
                    </div>

                    <ui:repeat id="atoCamposRepeat" value="#{ managerCriarProtocolo.protocoloCampos }" var="campo"
                               rendered="#{! empty managerCriarProtocolo.atoCampos }" varStatus="status">
                        <p:row>
                            <div class="row">
                                <ui:param name="atoCampoId" value="atoCampo-#{ status.index }" />

                                <div class="column2">
                                    <p:outputLabel value="#{ campo.atoCampo.nome }" />
                                </div>

                                <!-- Moeda -->
                                <div class="column3">
                                    <p:inputText value="#{ campo.valor }" required="true"
                                                 requiredMessage="#{ campo.atoCampo.nome } é obrigatório"
                                                 rendered="#{ campo.atoCampo.tipo == 'BIGDECIMAL' }"
                                                 onkeypress="jQuery(this).autoNumeric({aSign:'R$ ', aSep: '.', aDec: ','} );">
                                        <f:convertNumber type="currency" locale="pt-BR" />
                                    </p:inputText>
                                </div>

                                <!-- Número Inteiro -->
                                <div class="column3">
                                    <p:inputText value="#{ campo.valor }" required="true"
                                                 requiredMessage="#{ campo.atoCampo.nome } é obrigatório"
                                                 onkeypress="jQuery(this).autoNumeric({aSep: '', aDec: ',', vMin:0, wEmpty: '0', mDec: 0});"
                                                 rendered="#{ campo.atoCampo.tipo == 'INTEGER' }" />
                                </div>

                                <!-- Texto -->
                                <div class="column3">
                                    <p:inputText value="#{ campo.valor }" required="true"
                                                 requiredMessage="#{ campo.atoCampo.nome } é obrigatório"
                                                 rendered="#{ campo.atoCampo.tipo == 'STRING' }" />
                                </div>

                            </div>
                        </p:row>
                    </ui:repeat>

                    <div class="command">
                        <p:commandButton icon="ui-icon-plus" value="Adicionar" oncomplete="widthFix();" actionListener="#{ managerCriarProtocolo.adicionarProtocoloItem() }"
                                         update=":criarProtocoloForm:servicosProtocoloPanel, :criarProtocoloForm:totalProtocoloFieldset"
                                         process=":criarProtocoloForm:servicosProtocoloPanel" />
                    </div>

                    <p:dataTable id="protocoloItensDataTable" var="item" value="#{ managerCriarProtocolo.protocoloItens }"
                                 emptyMessage="Nenhum serviço adicionado">

                        <p:column headerText="Opção" width="5%">
                            <div class="options1">
                                <p:commandButton icon="ui-icon-trash" actionListener="#{ managerCriarProtocolo.removerProtocoloItem(item) }"
                                                 process="@this" update=":criarProtocoloForm:protocoloItensDataTable, :criarProtocoloForm:totalProtocoloFieldset" />
                            </div>
                        </p:column>
                        <p:column headerText="Ato" width="40%">
                            #{ item.atoItem.descricao }
                        </p:column>
                        <p:column headerText="Prazo (Dias)" width="15%">
                            #{ item.atoItem.prazo }
                        </p:column>
                        <p:column headerText="Cartório" width="15%">
                            <h:outputLabel value="#{ item.valorCartorio }">
                                <f:convertNumber type="currency" locale="pt-BR" />
                            </h:outputLabel>
                        </p:column>
                        <p:column headerText="FERMOJUPI" width="15%">
                            <h:outputLabel value="#{ item.valorFermojupi }">
                                <f:convertNumber type="currency" locale="pt-BR" />
                            </h:outputLabel>
                        </p:column>
                        <p:column headerText="Total" width="15%">
                            <h:outputLabel value="#{ item.valor }">
                                <f:convertNumber type="currency" locale="pt-BR" />
                            </h:outputLabel>
                        </p:column>
                    </p:dataTable>

                </p:fieldset>

                <p:fieldset legend="Total" id="totalProtocoloFieldset" styleClass="column12">

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Valor do Cartório" for="valorTotalCartorioInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="valorTotalCartorioInputText"
                                         required="true" requiredMessage="Valor do Cartório é obrigatório"
                                         value="#{ managerCriarProtocolo.protocolo.valorTotalCartorio }" readonly="true"
                                         onkeypress="jQuery(this).autoNumeric({aSign:'R$ ', aSep: '.', aDec: ','} );">
                                <f:convertNumber type="currency" locale="pt-BR" />
                            </p:inputText>
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Tipo do Desconto" for="tipoDescontoAvistaSelectOneMenu" />
                        </div>
                        <div class="column3">
                            <p:selectOneMenu id="tipoDescontoAvistaSelectOneMenu" value="#{ managerCriarProtocolo.protocolo.tipoDesconto }">
                                <f:selectItems value="#{ enums.tiposDescontos() }" />
                                <p:ajax process="@this" event="change"
                                        update=":criarProtocoloForm:valorTotalCartorioInputText, :criarProtocoloForm:valorTotalInputText, :criarProtocoloForm:descontoPanel"
                                        listener="#{ managerCriarProtocolo.limparDesconto() }" oncomplete="widthFix();" />
                            </p:selectOneMenu>
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Valor do FERMOJUPI" for="valorTotalFermojupiInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="valorTotalFermojupiInputText"
                                         required="true" requiredMessage="Valor do FERMOJUPI é obrigatório"
                                         value="#{ managerCriarProtocolo.protocolo.valorTotalFermojupi }" readonly="true"
                                         onkeypress="jQuery(this).autoNumeric({aSign:'R$ ', aSep: '.', aDec: ','} );">
                                <f:convertNumber type="currency" locale="pt-BR" />
                            </p:inputText>
                        </div>

                        <p:panel styleClass="noborder_row" id="descontoPanel">
                            <div class="column2">
                                <p:outputLabel value="Desconto" for="#{ managerCriarProtocolo.protocolo.tipoDesconto == 'DINHEIRO' ? 'descontoValorInputText' : 'descontoPorcentagemInputText' }"
                                               rendered="#{ managerCriarProtocolo.protocolo.tipoDesconto != null }" />
                            </div>
                            <div class="column3">
                                <p:inputText id="descontoValorInputText" value="#{ managerCriarProtocolo.protocolo.descontoDinheiro }"
                                             rendered="#{ managerCriarProtocolo.protocolo.tipoDesconto == 'DINHEIRO' }"
                                             onkeypress="jQuery(this).autoNumeric({aSign:'R$ ', aSep: '.', aDec: ','} );"
                                             required="true" requiredMessage="Desconto é obrigatório">
                                    <f:convertNumber type="currency" locale="pt-BR" />
                                    <p:ajax event="blur"
                                            listener="#{ managerCriarProtocolo.calcularDesconto() }"
                                            update=":criarProtocoloForm:valorTotalCartorioInputText, :criarProtocoloForm:valorTotalInputText" />
                                </p:inputText>
                                <p:inputText id="descontoPorcentagemInputText" value="#{ managerCriarProtocolo.protocolo.descontoPorcentagem }"
                                             rendered="#{ managerCriarProtocolo.protocolo.tipoDesconto == 'PORCENTAGEM' }"
                                             onkeypress="jQuery(this).autoNumeric({aSign: '%', pSign:'s', aDec: ',', vMin: '0.00', vMax: '100.00'} );"
                                             required="true" requiredMessage="Desconto é obrigatório">
                                    <f:convertNumber type="percent" locale="pt-BR" />
                                    <p:ajax event="blur"
                                            listener="#{ managerCriarProtocolo.calcularDesconto() }"
                                            update=":criarProtocoloForm:valorTotalCartorioInputText, :criarProtocoloForm:valorTotalInputText" />
                                </p:inputText>
                            </div>
                        </p:panel>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Valor Total" for="valorTotalInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="valorTotalInputText"
                                         required="true" requiredMessage="Valor Total é obrigatório"
                                         value="#{ managerCriarProtocolo.valorTotalProtocolo }" readonly="true"
                                         onkeypress="jQuery(this).autoNumeric({aSign:'R$ ', aSep: '.', aDec: ','} );">
                                <f:convertNumber type="currency" locale="pt-BR" />
                            </p:inputText>                            
                        </div>
                    </div>
                </p:fieldset>              

                <p:fieldset legend="Pagamento" id="pagamentoProtocoloFieldset" styleClass="column12" rendered="#{ managerCriarProtocolo.protocolo.tipoProtocolo == 'PROTOCOLO' }">

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Total:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerCriarProtocolo.valorTotalProtocolo }">
                                <f:convertNumber type="currency" locale="pt-BR" />
                            </p:outputLabel>
                        </div>

                        <div class="column2 bold">
                            <p:outputLabel value="A receber:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerCriarProtocolo.aReceber() }">
                                <f:convertNumber type="currency" locale="pt-BR" />
                            </p:outputLabel>
                        </div>                        
                    </div>                    

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Tipo da Parcela" for="tipoParcelaSelectOneMenu" />
                        </div>
                        <div class="column3">
                            <p:selectOneMenu id="tipoParcelaSelectOneMenu" value="#{ managerCriarProtocolo.parcela.tipoParcela }"
                                             required="true" requiredMessage="Tipo da Parcela é obrigatório">
                                <f:selectItems value="#{ enums.tiposParcela() }" />
                            </p:selectOneMenu>
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Valor da Parcela" for="valorAPagarInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="valorAPagarInputText"
                                         required="true" requiredMessage="Valor da Parcela é obrigatório"
                                         value="#{ managerCriarProtocolo.parcela.valorAPagar }"
                                         onkeypress="jQuery(this).autoNumeric({aSign:'R$ ', aSep: '.', aDec: ','} );">
                                <f:convertNumber type="currency" locale="pt-BR" />
                            </p:inputText>                            
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Data de Pagamento" for="dataPagamentoCalendar" />
                        </div>
                        <div class="column3">
                            <p:calendar id="dataPagamentoCalendar" value= "#{ managerCriarProtocolo.parcela.dataPagamento }"
                                        showOn="button" pattern="dd/MM/yyyy" locale="pt" navigator="true" yearRange="1900:c+10"
                                        required="true" requiredMessage="Data de Pagamento é obrigatório"/>
                        </div>

                        <div class="column2">
                            <p:outputLabel value="Em aberto" for="quitadaBooleanButton" />
                        </div>
                        <div class="column1">
                            <p:selectBooleanButton id="quitadaBooleanButton" value="#{ managerCriarProtocolo.emAberto }"
                                                   onLabel="Sim" offLabel="Não" />
                        </div>
                    </div>

                    <div class="command">
                        <p:commandButton icon="ui-icon-plus" value="Adicionar parcela" oncomplete="widthFix();"
                                         update=":criarProtocoloForm:pagamentoProtocoloFieldset" process="@this, :criarProtocoloForm:pagamentoProtocoloFieldset"
                                         actionListener="#{ managerCriarProtocolo.adicionarParcela() }" />
                    </div>

                    <p:dataTable id="parcelasDataTable" var="parcela" value="#{ managerCriarProtocolo.parcelas }"
                                 emptyMessage="Nenhuma parcela adicionada">

                        <p:column headerText="Opções" width="20%">
                            <div class="options4">
                                <p:commandButton icon="ui-icon-check" actionListener="#{ managerCriarProtocolo.pagarParcela(parcela) }"
                                                 value="Pagar"
                                                 oncomplete="widthFix();" disabled="#{ parcela.quitada }"
                                                 process="@this" update=":criarProtocoloForm:pagamentoProtocoloFieldset" />
                                <p:commandButton icon="ui-icon-pencil" actionListener="#{ managerCriarProtocolo.editarParcela(parcela) }"
                                                 oncomplete="widthFix();" disabled="#{ parcela.quitada }"
                                                 process="@this" update=":criarProtocoloForm:pagamentoProtocoloFieldset" />
                                <p:commandButton icon="ui-icon-trash" actionListener="#{ managerCriarProtocolo.removerParcela(parcela) }"
                                                 oncomplete="widthFix();" disabled="#{ parcela.quitada }"
                                                 process="@this" update=":criarProtocoloForm:pagamentoProtocoloFieldset" />
                            </div>
                        </p:column>

                        <p:column headerText="Pago" width="10%">
                            <p:outputLabel value="#{ parcela.quitada ? 'Sim' : 'Não' }" />
                        </p:column>                        

                        <p:column headerText="Tipo" width="25%">
                            <p:outputLabel value="#{ parcela.tipoParcela.nome }" />
                        </p:column>

                        <p:column headerText="Valor a pagar" width="25%">
                            <p:outputLabel value="#{ parcela.valorAPagar }">
                                <f:convertNumber type="currency" locale="pt-BR" />
                            </p:outputLabel>
                        </p:column>

                        <p:column headerText="Data de pagamento" width="20%">
                            <p:outputLabel value="#{ parcela.dataPagamento }">
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </p:outputLabel>
                        </p:column>

                    </p:dataTable>

                </p:fieldset>

                <div class="command">
                    <p:commandButton actionListener="#{ managerCriarProtocolo.salvar() }" value="Salvar"
                                     update="@form" oncomplete="widthFix();" onsuccess="goY(0);"
                                     process="@this, :criarProtocoloForm:dadosProtocoloPanel, :criarProtocoloForm:protocoloItensDataTable,
                                     :criarProtocoloForm:totalProtocoloFieldset, :criarProtocoloForm:parcelasDataTable,"
                                     icon="ui-icon-disk" styleClass="ui-priority-primary" />

                    <p:button value="Cancelar" icon="ui-icon-cancel" href="pesquisarProtocolo.xhtml" />
                </div>

                <p:dialog id="interessadoDialog" widgetVar="dialogInteressado" header="Cliente" dynamic="true"
                          modal="true" appendToBody="false" resizable="false" width="90%" height="450px" draggable="false" closable="false">

                    <p:fieldset legend="Filtros" id="interessadoFieldset" styleClass="column12">

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Tipo" for="tipoPessoaSelectOneMenu"  />
                            </div>
                            <div class="column10">
                                <p:selectOneRadio id="tipoPessoaSelectOneMenu" value="#{ managerCriarProtocolo.pessoaPesquisar.tipoPessoa }" >
                                    <f:selectItems value="#{ enums.tiposPessoa() }" />   
                                    <p:ajax event="change"
                                            update=":criarProtocoloForm:interessadoFieldset, :criarProtocoloForm:interessadosDataTable" listener="#{ managerCriarProtocolo.limparPessoas() }" />
                                </p:selectOneRadio>
                            </div>
                        </div>

                        <p:panel styleClass="column12 noborder" rendered="#{managerCriarProtocolo.pessoaPesquisar.tipoPessoa eq 'FISICA'}">
                            <div class="row">
                                <div class="column2">
                                    <p:outputLabel value="Nome" for="nomeInputText"  />
                                </div>
                                <div class="column5">
                                    <p:inputText id="nomeInputText" value="#{ managerCriarProtocolo.pessoaPesquisar.nome }" />
                                </div>

                                <div class="column1">
                                    <p:outputLabel value="CPF" for="cpfInputMask" />
                                </div>
                                <div class="column3">
                                    <p:inputMask id="cpfInputMask" value="#{ managerCriarProtocolo.pessoaPesquisar.cpf }" mask="999.999.999-99" />
                                </div>
                            </div>
                        </p:panel>

                        <p:panel styleClass="column12 noborder" rendered="#{managerCriarProtocolo.pessoaPesquisar.tipoPessoa eq 'JURIDICA'}">
                            <div class="row">
                                <div class="column2">
                                    <p:outputLabel value="Razão Social" for="razaoSocialInputText"  />
                                </div>
                                <div class="column5">
                                    <p:inputText id="razaoSocialInputText" value="#{ managerCriarProtocolo.pessoaPesquisar.razaoSocial }" />
                                </div>

                                <div class="column1">
                                    <p:outputLabel value="CNPJ" for="cnpjInputMask" />
                                </div>
                                <div class="column3">
                                    <p:inputMask id="cnpjInputMask" value="#{ managerCriarProtocolo.pessoaPesquisar.cnpj }" mask="99.999.999/9999-99" />
                                </div>
                            </div>
                        </p:panel>

                    </p:fieldset>

                    <div class="command">
                        <p:commandButton actionListener="#{ managerCriarProtocolo.pesquisarPessoas() }" value="Pesquisar"
                                         update=":criarProtocoloForm:interessadoFieldset, :criarProtocoloForm:interessadosDataTable" process="@this, :criarProtocoloForm:interessadoFieldset"
                                         icon="ui-icon-search" />
                    </div>

                    <p:dataTable id="interessadosDataTable" var="pessoa" value="#{ managerCriarProtocolo.pessoas }" 
                                 rows="5" paginator="true" paginatorPosition="bottom" rowKey="#{ pessoa.id }"
                                 emptyMessage="Nenhum cliente encontrado" 
                                 selection="#{ managerCriarProtocolo.pessoaSelecionada }" selectionMode="single">
                        <p:ajax event="rowSelect"  process="@this" update="@this"/>

                        <p:column headerText="#{managerCriarProtocolo.pessoaPesquisar.tipoPessoa eq 'FISICA' ? 'Nome' : 'Razão Social'}" width="70%">
                            <h:outputText value="#{ pessoa.nome }" />
                        </p:column>
                        <p:column headerText="#{managerCriarProtocolo.pessoaPesquisar.tipoPessoa eq 'FISICA' ? 'CPF' : 'CNPJ'}" width="30%">
                            <h:outputText value="#{ pessoa.tipoPessoa eq 'FISICA' ? managerPesquisarPessoa.adicionarMascaraCPF(pessoa.cpf) : managerPesquisarPessoa.adicionarMascaraCNPJ(pessoa.cnpj) }" />
                        </p:column>
                    </p:dataTable>

                    <div class="command">
                        <p:commandButton actionListener="#{ managerCriarProtocolo.selecionarPessoa() }"
                                         styleClass="ui-priority-primary"
                                         update=":criarProtocoloForm:clienteInputText, :criarProtocoloForm:interessadoDialog" process="@this"
                                         value="Selecionar" icon="ui-icon-plus" oncomplete="dialogInteressado.hide();" />
                        <p:commandButton value="Cancelar" icon="ui-icon-cancel" onclick="dialogInteressado.hide()" process="@this"
                                         update=":criarProtocoloForm:interessadoDialog" actionListener="#{ managerCriarProtocolo.limparPessoas() }" />
                    </div>

                </p:dialog>

                <p:dialog id="entregaDialog" widgetVar="dialogEntregar" header="Entregar Protocolo" dynamic="true"
                          modal="true" appendToBody="false" resizable="false" onShow="widthFix();"
                          width="90%" draggable="false" closable="false">

                    <p:fieldset legend="Dados" id="entregaFieldset" styleClass="column12">

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Nome do Recebedor" for="nomeEntregaInputText" />
                            </div>
                            <div class="column9">
                                <p:inputText id="nomeEntregaInputText" value= "#{ managerCriarProtocolo.protocolo.nomeEntrega }"/>
                            </div>
                        </div>

                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="CPF do Recebedor" for="cpfEntregaInputMask" />
                            </div>
                            <div class="column3">
                                <p:inputMask id="cpfEntregaInputMask" value= "#{ managerCriarProtocolo.protocolo.cpfEntrega }"
                                             mask="999.999.999-99" />
                            </div>
                        </div>

                    </p:fieldset>

                    <div class="command">
                        <p:commandButton actionListener="#{ managerCriarProtocolo.entregar() }"
                                         styleClass="ui-priority-primary"
                                         update="@form" process="@this, :criarProtocoloForm:entregaDialog"
                                         value="Entregar" icon="ui-icon-disk" oncomplete="dialogInteressado.hide(); widthFix();" />
                        <p:commandButton value="Cancelar" icon="ui-icon-cancel" onclick="dialogInteressado.hide()" process="@this"
                                         update=":criarProtocoloForm:entregaDialog" actionListener="#{ managerCriarProtocolo.limparDadosEntrega() }" />
                    </div>

                </p:dialog>

                <p:dialog id="cancelarDialog" widgetVar="dialogCancelar" header="Cancelar Protocolo" dynamic="true"
                          modal="true" appendToBody="false" resizable="false" onShow="widthFix();"
                          width="90%" draggable="false" closable="false">

                    <p:fieldset legend="Dados" id="cancelarFieldset" styleClass="column12">
                        <div class="row">
                            <div class="column2">
                                <p:outputLabel value="Valor do Devolvido" for="valorDevolvidoInputText" />
                            </div>
                            <div class="column3">
                                <p:inputText id="valorDevolvidoInputText"
                                             required="true" requiredMessage="Valor do Cartório é obrigatório"
                                             value="#{ managerCriarProtocolo.protocolo.valorDevolvido }"
                                             onkeypress="jQuery(this).autoNumeric({aSign:'R$ ', aSep: '.', aDec: ','} );">
                                    <f:convertNumber type="currency" locale="pt-BR" />
                                </p:inputText>
                            </div>
                        </div>
                    </p:fieldset>

                    <div class="command">
                        <p:commandButton actionListener="#{ managerCriarProtocolo.cancelar() }"
                                         styleClass="ui-priority-primary"
                                         update="@form" process="@this, :criarProtocoloForm:cancelarDialog"
                                         value="Cancelar" icon="ui-icon-disk" oncomplete="dialogInteressado.hide(); widthFix();" />
                        <p:commandButton value="Cancelar" icon="ui-icon-cancel" onclick="dialogInteressado.hide()" process="@this"
                                         update=":criarProtocoloForm:cancelarDialog" actionListener="#{ managerCriarProtocolo.limparDadosCancelar() }" />
                    </div>

                </p:dialog>

            </h:form>
        </ui:define>
    </ui:composition>

</html>